<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页面</title>
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>

    <div class="header container">
        <span>详情页面</span>

        <p class="active">
            <a href="../views/index.html">返回首页</a>
            <a href="../views/list.html">返回列表页</a>
        </p>
    </div>

    <div class="content container">
        <div class="left">
            <div class="show">
                <img src="" alt="">
                <div class="mask"></div>
            </div>
            <div class="list">
                <img class="active" src="" alt="">
    
                
            </div>
        </div>
        <div class="right">
            <p class="title">assdf asdsfasd fsaf是第九行福建省股份施工方函数的规范施工方给回结果环境的 </p>
            <p class="price">
                ￥ 100.00
            </p>
            <div class="size">
                <span>XS</span>
                <span>S</span>
                <span>M</span>
                <span>L</span>
                <span>XL</span>
            </div>
            <button>加入购物车</button>
            
            <div class="enlarge">
                <img src="" alt="">
            </div>
        </div>


    </div>

    <div class="desc container">
        参数规格信息
    </div>

    <script src="../js/ajax.js"></script>
    <script src="../js/detail.js"></script>
    <script>
           // 使用放大镜
           let e = new Enlarge('.content')
        console.log(e);
    </script>
</body>

</html>